<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title tal:content="pageTitle">Titulo de la Pagina</title>
    <link rel="stylesheet"  href="${CSSDIR}style.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
        <div id="header">
            <img src="${IMGDIR}logo_app.png" alt="Logo" />
        </div>
        <div id="content">
            <div id="menu"> 
                <div id="menu1" class="myconfig"> 
                    <h3><a href="">Administrador <span><img src="${IMGDIR}menu_open.png" /></span></a></h3>
                        <ul>
                            <li><a href="">Cambiar Mi Clave</a></li>
                            <li><a href="">Mi Configuración</a></li>
                        </ul>
                </div>
                <div id="menu2" class="item">
                    <h3><a href="">Ventas <span><img src="${IMGDIR}menu_open.png" /></span></a></h3>
                        <ul>
                            <li><a href="${LISTCLIENTS}" title="Productos">Clientes</a>
                                <ul>
                                    
                                    <li><a href="${ADDCLIENT}" title="Agregar Cliente"><span><img src="${IMGDIR}add.png" alt="Agregar Cliente" /></span></a></li>
                                    <li><a href="${LISTCLIENTS}" title="Listado de Clientes"><span><img src="${IMGDIR}list.png" alt="Listado de Clientes" /></span></a></li>
                                </ul>
                            </li>
                            <li><a href="${LISTINVOICES}" title="Facturas">Facturas</a>
                                <ul>
                                    
                                    <li><a href="${ADDINVOICE}" title="Agregar Producto"><span><img src="${IMGDIR}add.png" alt="Agregar Producto" /></span></a></li>
                                    <li><a href="${LISTPRODUCTS}" title="Listado de Productos"><span><img src="${IMGDIR}list.png" alt="Listado de Facturas" /></span></a></li>
                                </ul>
                            </li>
                            <li><a href="${LISTPRODUCTS}" title="Productos">Productos</a>
                                <ul>
                                    
                                    <li><a href="${ADDPRODUCT}" title="Agregar Producto"><span><img src="${IMGDIR}add.png" alt="Agregar Producto" /></span></a></li>
                                    <li><a href="${LISTPRODUCTS}" title="Listado de Productos"><span><img src="${IMGDIR}list.png" alt="Listado de Productos" /></span></a></li>
                                </ul>
                            </li>
                        </ul>
                </div>
                <div id="menu3" class="item">
                    <h3><a href="">Configuración <span><img src="${IMGDIR}menu_open.png" /></span></a></h3>
                        <ul>
                            <li><a href="${LISTUSERS}" title="Listar Usuarios">Usuarios</a>
                                <ul>
                                    
                                    <li><a href="${ADDUSER}" title="Agregar Usuario"><span><img src="${IMGDIR}add.png" alt="Agregar Usuario" /></span></a></li>
                                    <li><a href="${LISTUSERS}" title="Listado de Productos"><span><img src="${IMGDIR}list.png" alt="Listar Usuarios" /></span></a></li>
                                </ul>
                            </li>
                        </ul>
                </div>
            </div>
            <div id="result">
                <div id="path"><a href="">Inicio</a> > <a href="">Configuración</a> > <a href="">Usuarios</a> > <a href="">Listado de Usuarios</a> </div>
                <div class="form">
                    <h2 tal:content="actionTitle">titulo de la acción que se esta ejecutando</h2>
                    <div tal:condition="hasItems">
	                    <table class="listar">
	                        <thead>
	                            <tr>
	                                <th class="c11">Tipo Usuario</th>
	                                <th class="c27">Nombre de Usuario</th>
	                                <th class="c17">Nombre</th>
	                                <th class="c18">Apellidos</th>
	                                <th class="c15">Email</th>
	                                <th class="c9"></th>
	                            </tr>
	                        </thead>
	                        <tbody>
	                             <tr  tal:repeat="user users">
                                    <td tal:content="user/userType"/>
                                    <td tal:content="user/userName"/>
                                    <td tal:content="user/name"/>
                                    <td tal:content="user/lastName"/>
                                    <td tal:content="user/email"/>
                                    <td>
	                                    <a tal:define="global name string:${user/name} ${user/lastName}; href string:${VIEWUSER}id/${user/id}; title string:Ver el usuario ${name}" tal:attributes="href href; title title" title="Ver Usuario" ><img src="${IMGDIR}/view.png" tal:attributes="alt title" alt="Ver usuario " /></a>
	                                    <a tal:define="href string:${MODIFYUSER}id/${user/id}; title string:Modificar el usuario ${name}" tal:attributes="href href; title title" title="Modificar Usuario"><img src="${IMGDIR}/edit.png" tal:attributes="alt title" alt="Modificar usuario " /></a>
	                                    <a tal:define="href string:${ACTIVATEUSER}id/${user/id}; title string:Activar el usuario ${name}" tal:attributes="href href; title title" title="Activar Usuario"><img src="${IMGDIR}/activate.png" alt="Activar usuario " /></a>
                                        <a tal:define="href string:${DESACTIVATEUSER}id/${user/id}; title string:Desactivar el usuario ${name}" tal:attributes="href href; title title" title="Desactivar Usuario"><img src="${IMGDIR}/deactivate.png" alt="Desactivar usuario " /></a>
	                                    <a tal:define="href string:${CHANGEPASSWORD}id/${user/id}; title string:Cambiar clave del usuario ${name}" tal:attributes="href href; title title" title="Cambiar clave a Usuario"><img src="${IMGDIR}/password.png" alt="Cambiar clave a usuario" /></a>    
                                    </td>
                                </tr>
	                        </tbody>
	                    </table>
                    </div>
                    <div tal:condition="not: hasItems">
                    <div class="alert">En el momento no existen usuarios en la base de datos.</div>
                    
                    </div>
                </div>
            </div>  
        </div>
        <div id="footer">UNAL - Ingenieria de Software - 2011
        </div>
    </div>
</body>
</html>
